body {
        background-color: #faebd7;
}

h1,h2 {
        text-align: center;
        color: #42321b;
}

h1{
        font-size: 2.5vw;
        padding-bottom: 0vw;
        margin-bottom: 0vw;
}

.ascii-art1 {
        writing-mode: vertical-rl;
        text-orientation: mixed;
        margin-bottom: 5vh;
        font-family: monospace;
        white-space: pre;
        font-size: 0.5vw;
        color: #5c4626;
        position: fixed;
        left: 5%;
        transform: translate(-50%, -50%);
        top: 50%;
        /*border-bottom: 4px solid #deb887;*/
}

.ascii-art2 {
        writing-mode: vertical-rl;
        text-orientation: mixed;
        margin-bottom: 5vh;
        font-family: monospace;
        white-space: pre;
        font-size: 0.5vw;
        color: #5c4626;
        /*border-top: 4px solid #deb887; */
        position: fixed;
        left: 95%;
        transform: translate(-50%, -50%);
        top: 50%;
}


.ascii-art {
        font-family: monospace;
        white-space: pre;
        font-size: 0.75vw;
        color: #5c4626;
}

.Main-Text {
        padding-top: 5vh;
        font-size: 2vh;

}

.bigger-text {
        font-size: 2.2vh;
}

.light-text {
        color: #5c4626;
}

.Main {
        margin-top: 30 vw;
        margin-left: 10vw;
        margin-right: 10vw;
        display: flex;
        align-items: baseline;
        /*align-items: flex-direction;*/
        /*flex-wrap: row wrap;*/
        justify-content: center;
        align-items: center;
}

.meSmall {
        display:none;
        font-size: 3vh;
        text-align: center;
}

@media (max-width: 100vh) {
        .me{display:none;}
        .meSmall{display: block;}
}

.Profile {
        width: 17vw;
        /*right: 30%;*/
        padding: 2vw
        /*float: left;*/
}

.section {
        border-top: 0.5vh solid #deb887;
        border-bottom: 0.5vh solid #deb887;
        /*text-align-last: justify;*/
        color: #42321b;
        /*width: 70vw;*/
        margin: auto;
}



body {
        /* border: 3px solid #deb887; */
}